import React from 'react'
import { Tabs, WhiteSpace } from 'antd-mobile';
import CarouselComponent from "../Carousel"
class TabsComponent extends React.Component {
  renderContent = tab =>
    (<div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', height: '0px', backgroundColor: '#fff' }}>
       
      
    </div>);

  render() {
    const tabs = [
      { title: '热门' },
      { title: '变美季' },
      { title: '配饰' },
      { title: '家电' },
      { title: '时尚' },
      { title: '家居' },
     
    ];

    return (
      <div>
        <WhiteSpace />
        <Tabs tabs={tabs} renderTabBar={props => <Tabs.DefaultTabBar {...props} page={3} />}>
          {this.renderContent}
        </Tabs>
        <WhiteSpace />
      </div>
    );
  }
}
export  default TabsComponent

